<template>
    <el-container>
      <el-aside style="width: auto"><CommonAside></CommonAside></el-aside>
      <el-container>
        <el-header><CommonHeader></CommonHeader></el-header>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
</template>

<script>
//引入Aside组件
import CommonAside from "../components/CommonAside";
import CommonHeader from "../components/CommonHeader";
export default {
  name: "Main",
  components:{
    CommonAside,
    CommonHeader
  },

}
</script>

<!--
scoped仅对对当前组件有效
-->
<style lang="scss" scoped>
    .el-container{
      height: 100%;
    }
    .el-header{
      background: #2c3e50;
    }
    .el-main{
      padding-top: 0;
    }
    .el-menu{
      border-right:0;
    }


</style>
